#search_text{
	margin-top:5px;
	width: 200px;
	padding: 15px 0 15px 20px;
	font-size: 16px;
	font-family: Montserrat, sans-serif;
	border: 0 none;
	height: 45px;
	margin-right: 0;
	font-family:"微软雅黑";
	font-size:14px;
	color: black;
	outline: none;
	background:#eeeeee;
	float: left;
	box-sizing: border-box;
	transition: all 0.5s;
}
::-webkit-input-placeholder { /* WebKit browsers */
	color: gray;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: gray;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: gray;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: gray;
}
#search_text:focus {
	background:#eeeeee;
	width:240px;
}
#search_button {
	margin-top:5px;
	border: 0 none;
	background: #a5a5a5 center no-repeat;
	background-image:url(../images/search.png); 
	width: 60px; 
	float: left;
	padding: 0;
	text-align: center;
	height: 45px;
	cursor: pointer;
}
#search_button:focus #search_text{
	width:300px;
}